﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link href="../demo.css" rel="stylesheet" type="text/css" />


<script src="../../scripts/boot.js" type="text/javascript"></script>


<style type="text/css">
body {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
</style>
</head>
<body>
	<div class="mini-toolbar"
		style="text-align: center; line-height: 30px;" borderStyle="border:0;">
		<label>名称：</label> <input id="key" class="mini-textbox"
			style="width: 150px;" onenter="onKeyEnter" /> <a class="mini-button"
			style="width: 60px;" onclick="search()">查询</a>
	</div>
	<div class="mini-fit">
		<div class="mini-splitter" style="width: 100%; height: 100%;"
			borderStyle="border:0;">
			<div size="50%" showCollapseButton="true">
				<div id="grid1" class="mini-datagrid"
					style="width: 100%; height: 100%;" idField="id"
					borderStyle="border-left:0;border-right:0;"
					onrowdblclick="onRowDblClick">
					<div property="columns">
						<div type="indexcolumn"></div>
						<div field="loginname" width="120" headerAlign="center"
							allowSort="true">员工帐号</div>
						<div field="name" width="100%" headerAlign="center"
							allowSort="true">姓名</div>
						<div field="createtime" width="100" headerAlign="center"
							dateFormat="yyyy-MM-dd" allowSort="true">创建日期</div>
					</div>
				</div>
			</div>
			<div showCollapseButton="true">
				<div id="Div1" class="mini-datagrid"
					style="width: 100%; height: 100%;" idField="id"
					borderStyle="border-left:0;border-right:0;"
					onrowdblclick="onRowDblClick">
					<div property="columns">
						<div type="indexcolumn"></div>
						<div field="loginname" width="120" headerAlign="center"
							allowSort="true">员工帐号</div>
						<div field="name" width="100%" headerAlign="center"
							allowSort="true">姓名</div>
						<div field="createtime" width="100" headerAlign="center"
							dateFormat="yyyy-MM-dd" allowSort="true">创建日期</div>
					</div>
				</div>
			</div>
		</div>


	</div>
	<div class="mini-toolbar"
		style="text-align: center; padding-top: 8px; padding-bottom: 8px;"
		borderStyle="border:0;">
		<a class="mini-button" style="width: 60px;" onclick="onOk()">确定</a> <span
			style="display: inline-block; width: 25px;"></span> <a
			class="mini-button" style="width: 60px;" onclick="onCancel()">取消</a>
	</div>

</body>
</html>
<script type="text/javascript">
    mini.parse();

    var grid = mini.get("grid1");

    //动态设置URL
    grid.setUrl("../data/AjaxService.jsp?method=SearchEmployees");
    //也可以动态设置列 grid.setColumns([]);

    grid.load();

    function GetData() {
        var row = grid.getSelected();
        return row;
    }
    function search() {
        var key = mini.get("key").getValue();
        grid.load({ key: key });
    }
    function onKeyEnter(e) {
        search();
    }
    function onRowDblClick(e) {
        onOk();
    }
    //////////////////////////////////
    function CloseWindow(action) {
        if (window.CloseOwnerWindow) return window.CloseOwnerWindow(action);
        else window.close();
    }

    function onOk() {
        CloseWindow("ok");
    }
    function onCancel() {
        CloseWindow("cancel");
    }


</script>